<template>
  <div class="inventory-details">
    <h2>库存详情</h2>
    <p>ID: {{ item.id }}</p>
    <p>名称: {{ item.name }}</p>
    <p>当前库存: {{ item.quantity }} {{ item.unit }}</p>
    <p>预警值: {{ item.alertThreshold }}</p>
    <p>备注: {{ item.notes }}</p>
  </div>
</template>

<script>
export default {
  props: {
    item: {
      type: Object,
      required: true
    }
  }
}
</script>

<style scoped>
.inventory-details {
  padding: 20px;
  background-color: #f9f9f9;
  border: 1px solid #ddd;
  border-radius: 5px;
  margin-top: 10px;
}
</style>